@import '../common/abstracts/variable';
@import '../common/abstracts/mixin';

.wot-theme-dark {
    @include b(tabbar) {
        background: $-dark-background;
    }
}

@include b(tabbar) {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    position: relative;
    background: $-color-white;
    height: $-tabbar-height;

    @include e(placeholder) {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }

    @include m(round) {
        margin-left: 32rpx;
        margin-right: 32rpx;
        border-radius: 999px;
        box-shadow: $-tabbar-box-shadow;

        @include when(fixed) {
            @include when(safe) {
                bottom: constant(safe-area-inset-bottom);
                bottom: env(safe-area-inset-bottom);
            }
        }
    }

    @include m(default) {
        @include when(fixed) {
            @include when(safe) {
                margin-bottom: env(safe-area-inset-bottom);
            }
        }

        @include when(border) {
            @include halfPixelBorder('top');
        }
    }

    @include when(fixed) {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 500;
    }
}
